<template>
  <div>
    <h3>陈帅鹏黑店</h3>
    <SonComponent 
    v-for="item in list" 
    :key="item.id" 
    :uname="item.proname"
    :proprice="item.proprice"
    :desc="item.desc"
    :id="item.id"
    @sayPrice="fatherSayPrice"
    ></SonComponent>
  </div>
</template>

<script>
import SonComponent from './components/SonComponent'
export default {

  components: {
    SonComponent
  },
  
  data() {
    return {
      list: [
        {
          id: 1,
          proname: '超级好吃棒棒糖',
          proprice: 188,
          low: 160,
          desc: '甜'
        },
        {
          id: 2,
          proname: '超级好吃的大鸡腿',
          proprice: 360,
          low: 320,
          desc: '香'
        },
        { id: 3, proname: '超级无敌冰激凌', proprice: 42, low: 30, desc: '冰' }
      ]
    }
  },

  methods: {
    fatherSayPrice(num,id) {
      this.list.forEach(item => {
        if(item.id === id){
          item.proprice - num > item.low ? item.proprice -= num : alert('别砍了，要破产了')
        }
      })
    }
  }
}
</script>

<style>
</style>